import Vue from 'vue'
import Router from 'vue-router'
import Customers from '@/components/Customers'
import About from '@/components/About'
import Add from '@/components/Add'
import CustomerDetail from '@/components/CustomerDetail'
import Edit from '@/components/Edit'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'Customers',
      component: Customers
    },{
      path:'/about',
      name:'About',
      component:About
    },{
      path:"/add",
      name:"Add",
      component:Add
    },
    {
      path:"/customerDetail/:id",
      name:"CustomerDetail",
      component:CustomerDetail
    },
    {
      path:'/edit/:id',
      name:'Edit',
      component:Edit
    }
  ]
})
